<!DOCTYPE html>
<html lang="Zh-cn">
<head>
	<meta charset="UTF-8">
	<!--规定ie使用最高版本浏览器渲染或使用谷歌内核渲染-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!--设置宽度和缩放-->
	<meta name="viewport" content="width=device-width,initail-scale=1,minimum-scale=1,maxmum-scale=1,user-scalable=no">
	<!--苹果手机禁止数字呈现超链接形式-->
	<meta name="format-detection" content="telephone=no">
	<title>恭贺新禧</title>
	<link rel="stylesheet" href="css/greetingcard.css" />
</head>
<body>
	<div class="music">
		<img src="images/music_pointer.png" />
		<img id="music" class="play" src="images/music_disc.png" />
	</div>
	<div class="page" id="page1">
		<div class="bg"></div>
		<div class="p1_lantern">点击屏幕<br/>开启好运2018</div>
		<div class="p1_imooc"></div>
		<div class="p1_words">2018年茕茕新年特献</div>
	</div>
	<div class="page" id="page2">
		<div class="bg p2_bg_loading"></div>
		<div class="bg"></div>
		<div class="p2_circle"></div>
		<div class="p2_2016"></div>
	</div>
	<div class="page" id="page3">
		<div class="bg"></div>
		<div class="p3_logo"></div>
		<div class="p3_title"></div>
		<div class="p3_second"></div>
		<div class="p3_first"></div>
		<div class="p3_blessing"></div>
	</div>
	<audio autoplay="true">
		<source src="audio/happynewyear.mp3" type="audio/mpeg">
	</audio>
	<script src="js/greetingcard.js"></script>
</body>
</html>